<template>
  <div>
    <avue-form-design
        style="width: 100%;height: 100%"
        :options="formOption"
        :header="false"
        aside-right-width="300px"
        ref="avueFormDesign"></avue-form-design>
  </div>
</template>
<script>
import avueFormDesign from "components/form-design/index.vue"

export default {
  name: "editTableOption",
  components: {avueFormDesign},
  props: {
    formOption: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {}
  },
  methods: {
    async getFormOption() {
      return await this.$refs.avueFormDesign.getFormOption()
    },
    validate() {
      return this.$refs.avueFormDesign.getFormOption();
    },
    preview(type) {
      this.$refs.avueFormDesign.preview(type)
    }
  },
}
</script>
<style scoped>

</style>
